.hello{
  width: 100%;
  height: 100%;
  position: static;
}
.foods-container{
  width: 100%;
  height: 100%;
}
.food-container{
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 86.882%;
}
.foods{
  width: 20.667%;
  height: 100%;
}
.food-type{
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #f8f8f8;

}
.food-classifg{
  height: 3.4375rem;
  line-height: 3.4375rem;
  font-size: 0.8125rem;
  font-family:PingFangSC-Semibold;
  border-bottom: 1px solid #D6D6D6 ;
}
.foods-wrapper{
  width: 75.333%;
  overflow-x: auto;
  overflow-y: auto;
}
.banner-container{
  width: 97.168%;
  height: 24.444%;
  padding-top: 0.3125rem;
}
.banner-link{
  width: 100%;
  height: 100%;
}
.banner{
  width: 100%;
  height: 100%;
}
.food-list .title{
  font-size:0.75rem;
  width: 100%;
  padding: 0.3125rem 0px;
  font-family:PingFangSC-Semibold;
  border-bottom: 1px solid #f8f8f8;
}
.food-item{
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #f8f8f8;
  padding-bottom:0.625rem;
  padding-top:0.5rem;
}
.food-item .icon img{
  display: block;
  width: 4.75rem;
  height: 4.75rem;
}
.food-item .content{
  width: 11.6875rem;
  height: 4.75rem;
}
.food-item .content .name{
  font-size: 0.9375rem;
  margin-bottom: .25rem;
  font-family:PingFangSC-Semibold;
}
.food-item .content .desc{
  font-size:0.625rem;
  padding: 2px 4px;
  background-color: #ffdc35;
  font-family:PingFangSC-Semibold;
  border-radius: 4px;
  color: #8B572A;
}
.food-item .content .price{
  display: flex;
  justify-content: space-between;
  /*margin-top: 0.8rem;*/
}
.food-item .content .now{
  font-size: 1rem;
  color: #FF5436;
  line-height: 1.375rem;
  margin-top: 0.34375rem;
  font-family:PingFangSC-Semibold;
}
.food-item .content .small{
  font-size: 0.75rem;
  margin-right: .125rem;
}




